<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<title>首页</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
	<header id="header">
		<!--头部文件从最下面load读取 ../public/head.html--> 
	</header>
<div class="main" id="main">
	<div class="container border-box container-nopadding">
		<!--个人信息-->
		<div class="panel panel-default JSpanel">
	      <div class="panel-heading">个人信息 <span class="pull-right edit"><a href="#">修改</a></span></div>
	      <div class="panel-body">
		      	<div class="form-horizontal padding20">
		      		<div class="form-group col-md-6">
		      			<label class="control-label col-md-4"><span class="red input-hide">*</span>姓名：</label>
		      			<label class="control-label col-md-7 text-left">张三</label>
		      			<div class="col-md-7 input-hide">
		      				<input class="form-control" type="text" value="张三" />
		      			</div>
		      		</div>
		      		<div class="form-group col-md-6">
		      			<label class="control-label col-md-4"><span class="red input-hide">*</span>性别：</label>
		      			<label class="control-label col-md-7 text-left">男</label>
		      			<div class="col-md-7 input-hide">
		      				<label class="radio-inline">
							  <input type="radio" name=" " id=" " value="option2" checked=""> 男
							</label>
							<label class="radio-inline">
							  <input type="radio" name=" " id=" " value="option3"> 女
							</label>
		      			</div>
		      		</div>
		      		<div class="clearfix"></div>
		      		<div class="form-group col-md-6">
		      			<label class="control-label col-md-4">手机号：</label>
		      			<label class="control-label col-md-7 text-left1">13436595105 <a href="#" data-toggle="modal" data-target="#JStel"><small>更换手机号</small></a></label>
		      		</div>
		      		<div class="form-group col-md-6">
		      			<label class="control-label col-md-4">电话：</label>
		      			<label class="control-label col-md-7 text-left">010-57741529-503</label>
		      			<div class="col-md-7 input-hide">
		      				<input class="form-control" type="text" value="010-57741529-503" />
		      			</div>
		      		</div>
		      		<div class="form-group col-md-6">
		      			<label class="control-label col-md-4"><span class="red input-hide">*</span>邮箱：</label>
		      			<label class="control-label col-md-7 text-left1">
		      				ldw1216@foxmail.com
		      				<a href="#" data-toggle="modal" data-target="#JSyanzhengma"> <small>更换邮箱</small></a>
		      			</label>
		      		</div>
		      		<div class="form-group col-md-6">
		      					      			<label class="control-label col-md-4">密码：</label>
		      			<label class="control-label col-md-7 text-left1">
		      				<a href="#" data-toggle="modal" data-target="#JSEditPassword"><small>修改密码</small></a>
		      			</label>
		      		</div>
		      	</div>
	      </div>
	    </div>
	    <!--公司信息-->
	    <div class="panel panel-default JSpanel">
	      <div class="panel-heading">公司信息 - <small>未认证用户</small>  <span class="pull-right edit"><a href="#">修改</a></span></div>
	      <div class="panel-body">
		      	<div class="form-horizontal padding20">
		      		<div class="qiyelogo">
						<div class="qiyielogo-img"><img src="../../Content/images/logo1.png"/></div>
						<input type="button" class="btn btn-primary" id="" value="修改logo" />
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2">企业名称：</label>
		      			<label class="control-label col-md-5 text-left1">北京可口可乐有限公司 <small>修改需联系客服</small></label>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red input-hide">*</span>企业简称：</label>
		      			<label class="control-label col-md-3 text-left">北京可口可乐有限公司</label>
		      			<div class="col-md-3  input-hide">
		      				<input class="form-control" type="text" value="北京可口可乐有限公司" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red input-hide">*</span>企业电话：</label>
		      			<label class="control-label col-md-3 text-left">010 - 57741529</label>
		      			<div class="col-md-3 form-inline  input-hide">
		      				<input class="form-control" style="width: 40px; padding-right: 0;" type="text" value="010" /> -
		      				<input class="form-control" type="text" style="width: 75px;padding: 0;"  value="57741529" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red input-hide">*</span>企业所在地：</label>
		      			<label class="control-label col-md-3 text-left">北京市朝阳区</label>
		      			<div class="col-md-3  input-hide">
		      				<input class="form-control" type="text" value="省、市、县 三级联动" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red input-hide">*</span>企业地址：</label>
		      			<label class="control-label col-md-3 text-left">大北窗西里东街一号院</label>
		      			<div class="col-md-3  input-hide">
		      				<input class="form-control" type="text" value="北京市房山区大村庄	" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red input-hide">*</span>企业规模：</label>
		      			<label class="control-label col-md-3 text-left"><span class="red input-hide">*</span>0-49人</label>
		      			<div class="col-md-3  input-hide">
		      				<select name="" class="form-control">
		      					<option value=""></option>
		      					<option value="">0-49人</option>
		      					<option value="">50-59人</option>
		      					<option value="">100-499人</option>
		      					<option value="">500-999人</option>
		      					<option value="">1000-2000人</option>
		      					<option value="">2000-5000人</option>
		      					<option value="">5000-10000人</option>
		      					<option value="">10000人以上</option>
		      				</select>
		      			</div>
		      		</div>
		      		
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red input-hide">*</span>企业性质：</label>
		      			<label class="control-label col-md-3 text-left">外商独资/外企办事处</label>
		      			<div class="col-md-3  input-hide">
		      				<select name="" class="form-control">
		      					<option value=""></option>
		      					<option value="">外商独资/外企办事处</option>
		      					<option value="">中外合营（合资/合作）</option>
		      					<option value="">私营/民营企业</option>
		      					<option value="">国有企业</option>
		      					<option value="">国内上市公司</option>
		      					<option value="">政府机关/非营利机构</option>
		      					<option value="">事业单位</option>
		      					<option value="">其他</option>
		      				</select>
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2"><span class="red input-hide">*</span>所属行业：</label>
		      			<label class="control-label col-md-3 text-left">计算机 ，需确认弹窗效果</label>
		      			<div class="col-md-3  input-hide">
		      				<input class="form-control" type="text" value="弹出显示选择行业" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2">企业网站：</label>
		      			<label class="control-label col-md-3 text-left">http://www.xtkf.net</label>
		      			<div class="col-md-3  input-hide">
		      				<input class="form-control" type="text" value="http://www.xtkf.net" />
		      			</div>
		      		</div>
		      		<div class="form-group">
		      			<label class="control-label col-md-2">企业简介：</label>
		      			<label class="control-label col-md-10 text-left">北京可口可乐有限公司是一家很不错的公司</label>
		      			<div class="col-md-10  input-hide">
		      				<textarea name="" rows="3" class="form-control" cols="">asfdasfasf</textarea>
		      			</div>
		      		</div>
		      	</div>
	      </div>
	    </div>
	    <!--合同信息-->
	    
	    <div class="panel panel-default">
	      <div class="panel-heading">合同信息 - <small>未签订合同</small></div>
	      <div class="panel-body">
	      	
	      	<div class="liuchengtu-box">
	      		<div class="liuchengtu">
		      		<ul class="list-unstyled list-inline clearfix">
			      		<li><div>下载合同</div></li>
			      		<li><div>打印盖章</div></li>
			      		<li><div>上传合同</div></li>
			      		<li><div>确认合同</div></li>
	  		      	</ul>
	  		      	<div class="liuchengtu-line"></div>
  		      	</div>
      		     <div class="liuchengtu-btn">
      				<button class="btn btn-primary">下载合同</button>
      				<button class="btn btn-primary">上传合同</button>
      			</div>
	      	</div>
	      	
	      </div>
	    </div>
	</div>
	
	

</div>

<style type="text/css">
	/*.modal{ display: block; opacity: 1; top: 100px;}*/
	.yanzhengma{ margin-left: -20px;}
</style>


<!-- 更换验证码弹窗 -->
<div class="modal fade" id="JSyanzhengma" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">更换邮箱</h4>
      </div>
      <div class="modal-body">
        <div class="form-horizontal">
        		<div class="form-group">
        			<label for="" class="control-label col-md-3">新邮箱地址</label> 
        			<div class="col-md-6">
        				<input type="email" class="form-control" />
        			</div>
        			<div class="col-md-3">
        		        	<a href="#" id="yanzhengma"  class="btn btn-default yanzhengma">发送验证码</a>		
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="control-label col-md-3">输入验证码</label> 
        			<div class="col-md-6">
        				<input type="text" class="form-control" />
        			</div>
        		</div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="gengHuanEmailOk">确定</button>
      </div>
    </div>
  </div>
</div>

<!--更换手机号弹窗-->
<div class="modal fade" id="JStel" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">更换手机号</h4>
      </div>
      <div class="modal-body">
        <div class="form-horizontal">
        		<div class="form-group">
        			<label for="" class="control-label col-md-3">输入新手机号</label> 
        			<div class="col-md-6">
        				<input type="tel" class="form-control" />
        			</div>
        			<div class="col-md-3">
        		        	<a href="#" id="yanzhengma"  class="btn btn-default yanzhengma">发送验证码</a>		
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="control-label col-md-3">输入验证码</label> 
        			<div class="col-md-6">
        				<input type="text" class="form-control" />
        			</div>
        		</div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="gengHuanTelOk">确定</button>
      </div>
    </div>
  </div>
</div>

<!--修改密码弹窗-->
<div class="modal fade" id="JSEditPassword" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">修改密码</h4>
      </div>
      <div class="modal-body">
        <div class="form-horizontal">
        		<div class="form-group">
        			<label for="" class="control-label col-md-3">输入原密码</label> 
        			<div class="col-md-6">
        				<input type="password" class="form-control" />
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="control-label col-md-3">输入新密码</label> 
        			<div class="col-md-6">
        				<input type="text" class="form-control" />
        			</div>
        		</div>
        		<div class="form-group">
        			<label for="" class="control-label col-md-3">再次输入新密码</label> 
        			<div class="col-md-6">
        				<input type="text" class="form-control" />
        			</div>
        		</div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="editPasswordOk">确定</button>
      </div>
    </div>
  </div>
</div>
<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/jquery.searchbox.animate.js"></script>
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function(){
		//读取共用的头部和菜单文件
		$("#header").load("../public/head.html nav",function(){
			$('[data-toggle="tooltip"]').tooltip();  //头部鼠标划过提示
			$('.search-box').searchbox({speed:500}); //头部搜索
		});
		
		//只读表单修改和保存
		$(".JSpanel").on("click",".panel-heading a",function(e){
			e.preventDefault();
			var i = $(this).parents(".JSpanel");
			if($(this).html() == "修改"){
				i.find('.input-hide').removeClass("input-hide").addClass("input-show");
				i.find('.control-label.text-left').addClass("input-hide");
				$(this).html("保存");
			}else if($(this).html() == "保存"){
				$.alert('调用保存处理函数','alert-success');
			}
			
		});
		
		$("#gengHuanEmailOk").on("click",function(){
			$('#myModal').modal(options)
			$.alert("更换邮箱成功");
		});
		$("#gengHuanTelOk").on("click",function  () {
			$.alert("更换手机号成功");
		});
		$("#editPasswordOk").on("click",function  () {
			
			$("#JSEditPassword").modal("hide"); //隐藏弹窗
			$('#JSEditPassword').on('hidden.bs.modal', function (e) {
			  $.alert("修改密码成功"); //隐藏后执行
			})
		})
	})
	
	
	
</script>

</body>
</html>
